/* components/header/index.wxss */

.title{
  position: absolute;
  z-index: 4;
  color: white;
  font-weight: 600;
  letter-spacing: 3px;
  margin-top: 24px;
  margin-left: 20px;
  font-size: 50rpx;
}
.circleBack{
  position: absolute;
  left: -80px;
  top: 140px;
  height: 360px;
  width: 400px;
  z-index: 3;
}
.group {
  margin-top: -435.9rpx;
  width: 100%;
  padding: 402.24rpx 0 298.08rpx;
  overflow-x: hidden;
}
.section_3 {
  background-color: #90decd;
  width: 100%;
  height: 160px;
}
.section_5 {
  background-image: radial-gradient(615.8% 615.8% at 75% 50%, #e3e3e3 0%, #a2dbd7 100%);
  filter: blur(0rpx);
  width: 1000px;
  height: 50px;
}
.pos_6 {
  position: absolute;
  left: -130px;
  right: -160px;
  top: 350px;
}
.section_4 {
  background-image: radial-gradient(91.5% 91.5% at 49.8% 75%, #00baad 0%, #307a7400 100%);
  width: 1000px;
  height: 180px;
}
.pos_3 {
  position: absolute;
  left: -385px;
  right: -120px;
  top: 220px;
}

.pos {
  position: absolute;
  left: 14px;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
}
.image_3 {
  width: 80px;
  height: 80px;
}
.pos_5 {
  position: absolute;
  right: -36px;
  bottom: 280rpx;
}
.image_2 {
  width: 88px;
  height: 88px;
}
.pos_4 {
  position: absolute;
  right: -40px;
  top: 218px;
}
.section_2 {
  padding: 86.54rpx 0 102.56rpx 102.56rpx;
  filter: drop-shadow(0rpx 3.21rpx 3.21rpx #00000040) blur(0rpx);
  
}
.pos_2 {
  position: absolute;
  left: -72px;
  right: 4px;
  top: 128px;
}
.image {
  margin-right: 11px;
  width: 109px;
  height: 110px;
}
.section_6 {
  background-image: radial-gradient(885% 885% at 50% 75%, #71d1b9 0%, #71d1b900 100%);
  width: 142px;
  height: 4px;
}
.view {
  margin-left: -92.95rpx;
}
.view_2 {
  margin-right: -67.31rpx;
}
.view_3 {
  margin-left: 30.45rpx;
}

view,
image,
text {
  box-sizing: border-box;
  flex-shrink: 0;
}

.codefun-flex-row {
  display: flex;
  flex-direction: row;
}

.codefun-flex-col {
  display: flex;
  flex-direction: column;
}

.codefun-justify-start {
  justify-content: flex-start;
}

.codefun-justify-end {
  justify-content: flex-end;
}

.codefun-justify-center {
  justify-content: center;
}

.codefun-justify-between {
  justify-content: space-between;
}

.codefun-justify-around {
  justify-content: space-around;
}

.codefun-justify-evenly {
  justify-content: space-evenly;
}

.codefun-items-start {
  align-items: flex-start;
}

.codefun-items-end {
  align-items: flex-end;
}

.codefun-items-center {
  align-items: center;
}

.codefun-items-baseline {
  align-items: baseline;
}

.codefun-items-stretch {
  align-items: stretch;
}

.codefun-self-start {
  align-self: flex-start;
}

.codefun-self-end {
  align-self: flex-end;
}

.codefun-self-center {
  align-self: center;
}

.codefun-self-baseline {
  align-self: baseline;
}

.codefun-self-stretch {
  align-self: stretch;
}

.codefun-flex-1 {
  flex: 1 1 0%;
}

.codefun-flex-auto {
  flex: 1 1 auto;
}

.codefun-grow {
  flex-grow: 1;
}

.codefun-grow-0 {
  flex-grow: 0;
}

.codefun-shrink {
  flex-shrink: 1;
}

.codefun-shrink-0 {
  flex-shrink: 0;
}

.codefun-relative {
  position: relative;
}

